<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Together</title>
</head>
<body>
	<%@include file="header.jsp"%>
	<script type="text/javascript">
		//initialization
		$(function() {
			//default is a private activity
			$('#private').button('toggle');
		});
	</script>
	<div class="container">

		<div class="row">
			<label class="offset1">聚會名稱</label>
		</div>
		<div class="row">
			<div class="offset1">
				<input type="text" class="span6" placeholder="活動名稱" />
			</div>
		</div>
		<div class="row">
			<label class="offset1">內容描述</label>
		</div>
		<div class="row">
			<div class="offset1">
				<textarea class="span6" rows="10" cols="20"></textarea>
			</div>
		</div>
		<div class="row">
			<label class="offset1">是否為公開聚會</label>
		</div>
		<div class="row">
			<div class="btn-group offset1" data-toggle="buttons-radio">
				<button id="private" class="btn" type="button">私人</button>
				<button class="btn" type="button">公開</button>
			</div>
		</div>
		<br/>
		<div class="row">
			<div class="offset1">
				<p>
					<a class="btn btn-success" href="attendee.jsp">下一步</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>